import { View } from '@tarojs/components'
import Taro, { useLoad } from '@tarojs/taro'
// *** 非常重要 根据业务可扩展 引入公共方法  api toast initPage Taro原生api等都会通过这个对象调用 ***
import utils from '@/utils'
// *** 根组件 根据业务可扩展 公用组件 toast 小程序分享 手机授权等  ***
import BtLayout from '@/BtComponents/BtLayout'
import { Cell } from '@taroify/core'
import './index.scss'

export default function Index () {

  const layoutConfig = {
    title: '首页'
  }

  useLoad(async () => {
    // 静默登录后执行业务逻辑 请求带有token
    await utils.$initPage()
  })

  const gotoForm = () => {
    const url = '/pages/formDemo/index'
    Taro.navigateTo({ url })
  }

  const gotoApiDemo = () => {
    const url = '/pages/apiDemo/index'
    Taro.navigateTo({ url })
  }

  return (
    <BtLayout config={layoutConfig}>
      <View className='index p-2'>
        <Cell title='表单示例' isLink onClick={gotoForm} />
        <Cell title='分页组件示例' isLink onClick={gotoApiDemo} />
      </View>
    </BtLayout>
  )
}
